<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入全局导航栏css样式 -->
    <link rel="stylesheet" type="text/css" href="../css/overall_style.css">
    <link rel="stylesheet" type="text/css" href="../css//pay/pay.css">
    <!-- <link rel="shortcut icon" href="../imgs/favicon.ico" type="image/x-icon" /> -->
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <script src="../js/conf.js"></script>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="top_box">
    <div class="layui-container top_nav_row">
        <div class="layui-row">
            <div class="layui-col-md2 layui-col-md-offset1" style="margin-left: 20px;">
                <ul class="layui-nav top_nav">
                    <li id="logo">
                        <a href=""><img src="../imgs/icon/avatar.png"> 票无忧</a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="layui-row end-div" >
    <p><img class="img-pay" src="../imgs/icon/pay_endTime.png">请在 <span class="pay-time"></span> 内完成支付,超时订单会自动取消</p>
</div>
<div class="layui-row prog-div">
    <div class="layui-col-md8 id-div"> <img class="img-view" src="../imgs/icon/view.png" ><span id="number"></span></div>
    <div class="layui-col-md2 layui-col-md-offset1 pay-div"><p>应付金额 <img class="img-payTotal" src="../imgs/icon/money-yuan.png"><span class="pay-span"></span></p></div>
</div>
<div class="layui-row paySelect-div">
    <div class="layui-row select-div"><p class="select-p"><img class="img-select" src="../imgs/icon/select.png"> 支付选择</p></div>
    <div class="layui-row AliorWeCt-div">
        <div class="layui-col-md2 Alipay-div"  onclick="payfor(this)"><p class="alipay"><img class="img-Alipay" src="../imgs/icon/Alipay.png"> 支付宝</p></div>
        <div class="layui-col-md2 Wechat-div"  onclick="payfor(this)"><p class="wechat"><img class="img-Wechat" src="../imgs/icon/Wechat.png"> 微信</p></div>
        <div class="layui-col-md2 help-div"><p><img class="img-help" src="../imgs/icon/help2.png"> 支付帮助</p></div>
        <div class="layui-col-md2 opinion-div"><p><img class="img-opinion" src="../imgs/icon/opinion.png"> 意见反馈</p></div>
        <div class="layui-col-md3 solid"></div>
    </div>
    <div class="layui-row payStyle-div">
        <div class="layui-col-md2 payStyleAlipay-div"><input type="radio" name="pay" id="aliPayFor"><label for="aliPayFor"><img class="img-payStyleAlipay" src="../imgs/icon/payStyleAliPay5.png"></label></div>
        <div class="layui-col-md2 layui-col-md-offset1 payStyleWechat-div" style="display: none"><input type="radio" name="pay" id="weChatPayFor"><label for="weChatPayFor"><img class="img-payStyleWechat" src="../imgs/icon/payStyleWechat.png"></label></div>
    </div>
    <div class="present-pay"><p>支付<img class="img-moneyBag" src="../imgs/icon/money-bag.png"><span class="present-span"></span></p></div>
    <hr>
    <div class="returnPay-div"><p>返回修改订单<link rel="stylesheet" href=""></p></div>
    <div class="buttonPay-div"><button type="button" class="layui-btn-radius buttonPay" onclick="pay()">去付款</button></div>
</div>
<div class="hr-div"><hr></div>
<div class="layui-row msgPay-div">
    <div class="layui-col-md2 msgPay1-div">
        <div class="layui-row"><p>关于票无忧</p></div>
        <div class="layui-row"><p>认识票无忧</p></div>
        <div class="layui-row"><p>创造者</p></div>
    </div>
    <div class="layui-col-md2 msgPay2-div">
        <div class="layui-row"><p>帮助中心</p></div>
        <div class="layui-row"><p>隐私政策</p></div>
        <div class="layui-row"><p>用户协议</p></div>
    </div>
    <div class="layui-col-md2 msgPay3-div">
        <div class="layui-row"><p>消费保障</p></div>
        <div class="layui-row"><p>关注票无忧</p></div>
        <div class="layui-row"><p>其他合作</p></div>
    </div>
    <div class="layui-col-md3 msgPay4-div">
        <div class="layui-row"><p>举报信息</p></div>
        <div class="layui-row"><p>违法和不良信息举报电话: 12345</p></div>
        <div class="layui-row"><p>举报邮箱:1980833287@qq.com</p></div>
        <div class="layui-row"><p>以上渠道均可投诉举报: 互联网违法和不良信息,涉及未成年人保护,谣言类信息等相关问题.</p></div>
    </div>
</div>
<div class="hr2-div"><hr></div>

<script src="../plugins/jquery.min.js"></script>
<script src="../plugins/layui/layui.js"></script>
<script src="../js/pay/pay.js"></script>
</body>
</html>
